<template>
  <div class="createPost-container">
    <el-form ref="form" :model="form" :label-position="labelPosition" label-width="110px" :rules="rules">
      <el-row>
        <el-col :span="6">
          <el-form-item label="单位名称">
            <el-select v-model="form.reportCompany" placeholder="请选择单位名称">
              <el-option label="内蒙古自治区机关事务管理局" value="内蒙古自治区机关事务管理局" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="上报类型">
            <el-select v-model="form.reportStatus" placeholder="请选择上报类型">
              <el-option label="月报" value="month" />
              <el-option label="年报" value="year" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="年份">
            <el-select v-model="form.reportYear" placeholder="请选择年份">
              <el-option label="2020" value="2020" />
              <el-option label="2019" value="2019" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="月份">
            <el-select v-model="form.reportMonth" placeholder="请选择月份">
              <el-option label="1" value="1" />
              <el-option label="2" value="2" />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-divider />
      </el-row>

      <el-row>
        <el-col :span="6">
          <el-form-item label="上级单位名称">
            <el-col :span="18">
              <el-select v-model="form.unitSuperior" placeholder="请选择单位名称" style="width: 250px;">
                <el-option label="内蒙古自治区机关事务管理局" value="内蒙古自治区机关事务管理局" />
              </el-select>
            </el-col>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="单位详细名称" prop="base1Name">
            <el-input v-model="form.base1Name" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="6">
          <el-form-item label="组织机构代码" prop="base1Organization">
            <el-col :span="20">
              <el-input v-model="form.base1Organization" placeholder="或统一社会信用代码" />
            </el-col>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="机构类型">
            <el-select v-model="form.base1Type" placeholder="请选择单位名称" style="width: 250px;">
              <el-option label="教育事业" value="021" />
              <el-option label="体育事业" value="025" />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="6">
          <el-form-item label="行业代码" prop="base1Industry">
            <el-input v-model="form.base1Industry" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="单位地址" prop="base1Address">
            <el-input v-model="form.base1Address" placeholder="请输入内容" style="width: 650px;" />
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="6">
          <el-form-item label="地区划代码">
            <el-input v-model="form.base1Divisionid" placeholder="注:单位所在" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="其他">
            <el-input v-model="form.base1Other" placeholder="请输入内容" style="width: 650px;" />
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="6">
          <el-form-item label="电话号码">
            <el-input v-model="form.base1Tel" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="传真号码">
            <el-input v-model="form.base1Fax" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="电子信箱">
            <el-input v-model="form.base1Email" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="6">
          <el-form-item label="单位负责人">
            <el-input v-model="form.unitName" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="电话">
            <el-input v-model="form.unitTel" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="手机">
            <el-input v-model="form.unitPhone" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="6">
          <el-form-item label="统计员">
            <el-input v-model="form.statisticsName" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="电话">
            <el-input v-model="form.statisticsTel" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="手机">
            <el-input v-model="form.statisticsPhone" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="6">
          <el-form-item label="统计负责人">
            <el-input v-model="form.linkpersonName" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="手机">
            <el-input v-model="form.linkpersonPhone" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="排序号">
            <el-input-number v-model="form.sortNumber" size="small" />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>

    <el-row>
      <el-col :span="12">
        <div style="float: left;">
          <el-button type="primary" @click="onSubmit">保存</el-button>
          <el-button type="primary" @click="onSubmit">打印</el-button>
          <el-button type="primary" @click="onSubmit">导出excel</el-button>
          <el-button>取消</el-button>
        </div>
      </el-col>
      <el-col :span="12">
        <div style="float: right;">
          <el-button type="success" plain @click="onSubmit">审核通过</el-button>
          <el-button type="danger" plain @click="onSubmit">审核不通过</el-button>
        </div>
      </el-col>
    </el-row>
  </div>

</template>

<script>

export default {
  name: 'CreateBaseInfo1',
  data() {
    return {
      labelPosition: 'right',
      form: {
        reportCompany: '内蒙古自治区机关事务管理局',
        reportStatus: 'month',
        reportYear: '2020',
        reportMonth: '1',
        unitSuperior: '',
        base1Name: '内蒙古自治区机关事务管理局',
        base1Type: '021',
        base1Organization: '12150000MB0W3476U',
        base1Industry: 'S9190',
        base1Address: '内蒙古呼和浩特市敕勒川大街1号',
        base1Divisionid: '150000',
        base1Other: '',
        base1Tel: '0471-4826876',
        base1Fax: '0471-4826821',
        base1Email: '1426982851@qq.com',
        unitName: '杜延峰',
        unitTel: '',
        unitPhone: '15849360007',
        statisticsName: '常洺赫',
        statisticsTel: '15849360007',
        statisticsPhone: '15849360007',
        linkpersonName: '李俊权',
        linkpersonPhone: '',
        sortNumber: '1'
      },
      rules: {
        reportCompany: [
          { required: true, message: '请输入活动名称', trigger: 'blur' },
          { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
        ],
        base1Name: [
          { required: true, message: '请输入活动名称', trigger: 'blur' },
          { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
        ],
        base1Industry: [
          { required: true, message: '请输入活动名称', trigger: 'blur' },
          { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
        ],
        base1Address: [
          { required: true, message: '请输入活动名称', trigger: 'blur' },
          { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
        ]
      }
    }
  },
  computed: {
  },
  created() {
  },
  methods: {
    onSubmit() {
      console.log('submit!')
    }
  }
}
</script>

<style lang="scss" scoped>

.el-select{
	width: 250px;
}

.el-input{
	width: 250px;
}

</style>
